<script lang="ts" setup>
interface Props {
  to: string
}

const props = withDefaults(defineProps<Props>(), {
  to: ""
})
</script>

<template>
  <router-link :to="props.to" class="table-link">
    <slot />
  </router-link>
</template>

<style lang="scss" scoped>
@import "@/styles/mixins.scss";

.table-link {
  text-decoration-color: var(--v3-body-bg-color);
  color: var(--v3-body-bg-color);
}
</style>
